<!-- 实名认证成功 -->
<template>
	<view class="container">
		<view class="cut"></view>
		<view class="tx">
			<image src="../../../../static/images/center/phone.png" mode=""></image>
		</view>
		<view class="item">
			<text>您已实名认证</text>
			<text>{{ name }}</text>
			<text>{{ cardId  }}</text>
		</view>
		<view class="btn" @tap="change" v-if="status == 1">
			完成
		</view>
	</view>
</template>

<script>
	import utils from "@/common/utils.js"
	export default {
		data() {
			return {
				name: "",
				cardId: "",
				status: "",
			};
		},
		onLoad(option) {
			if (option.status == 1) {
				this.status = option.status
			}
			this.name = uni.getStorageSync("userInfo").real_name
			this.cardId = utils.hidden(uni.getStorageSync("userInfo").card_id, 4, 4)
		},
		methods: {
			change() {
				uni.navigateBack({

				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	.container {
		.cut {
			height: 20rpx;
			background: rgba(238, 238, 238, 1);
		}

		.tx {
			margin-top: 140rpx;

			image {
				display: block;
				margin: 0 auto;
				border-radius: 50%;
				width: 150rpx;
				height: 150rpx;
			}
		}

		.item {
			margin-top: 36rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;

			text:nth-of-type(1) {
				font-size: 26rpx;
				color: rgba(51, 51, 51, 1);
			}

			text:nth-of-type(2) {
				margin-top: 59rpx;
				font-size:30rpx;
				font-weight:bold;
				color:rgba(51,51,51,1);
			}
			text:nth-of-type(3) {
				margin-top: 30rpx;
				font-size:30rpx;
				font-weight:bold;
				color:rgba(51,51,51,1);
			}
		}

		.btn {
			position: fixed;
			bottom: 60rpx;
			left: 55rpx;
			width: 640rpx;
			height: 80rpx;
			background: $theme-color;
			border-radius: 40rpx;
			font-size: 34rpx;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			text-align: center;
			line-height: 80rpx;
		}
	}
</style>
